<template>
  <div>
    <slot name="header" />
    <div>子组件</div>
    <slot />
    <slot name="foot" :abc="1" :list="list" />
    <p>{{ abc }}</p>
  </div>
</template>

<script>
export default {
  name: 'ChildCom2',
  props: ['abc'],
  data() {
    return {
      list: [12, 3, 4, 5]
    }
  }
}
</script>
